<template>
    <div class="select_address_wrapper">
        <div class="selectAddress">
          <img src="@/assets/images/index_img.gif" />
          <h3>输入地址后才能订餐哦！</h3>
          <button @click="handleAddressClick">
            手动选择地址
          </button>
        </div>
    </div>
</template>

<script>
export default {
  name: 'HomeSelectAddress',
  methods: {
    handleAddressClick () {
      this.$emit('open')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .selectAddress
    text-align: center
    font-size: .34rem
    color: #666
    img
      width: 4rem
      height: 4rem
    h3
      font-size: .34rem
    button
      min-width: 32vw
      border: none
      border-radius: .05rem
      background-color: #56d176
      color: #fff
      text-align: center
      font-size: .30rem
      padding: .15rem
      margin-top: .20rem
</style>
